<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <link rel="stylesheet" href="template1.css" type="text/css" media="screen"/>
</head>


<body>
<div class="school">

<div class="classYear">

    <table>
        <tr>
            <td class="header" colspan="2">Classroom: <select>
                <option>Maple</option>
            </select></td>
        </tr>
        <tr>
            <td class="header" colspan="2">Class Year: <select>
                <option>2010</option>
            </select></td>
        </tr>
        <tr>
            <td class="header">Period</td>
            <td>
                <img src="../images/select_all.png" alt="">
                <img src="../images/bullet_arrow_up.png" alt="Close Section">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <li><input type="checkbox" checked>Autumn</li>
                <li><input type="checkbox">Summer</li>
            </td>
        </tr>

        <tr>
            <td class="header">General:</td>
            <td>
                <img src="../images/select_all.png" alt="">
                <img src="../images/bullet_arrow_up.png" alt="Close Section">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <li><input type="checkbox">Head Master</li>
                <li><input type="checkbox">Social</li>
            </td>
        </tr>
        <tr>
            <td class="header">Subject:</td>
            <td>
                <img src="../images/select_all.png" alt="">
                <img src="../images/bullet_arrow_up.png" alt="Close Section">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <li><input type="checkbox" checked>Literacy</li>
                <li><input type="checkbox">Numeracy</li>
                <li><input type="checkbox">Topic/Science/ICT</li>
                <li><input type="checkbox">Art</li>
                <li><input type="checkbox">PE</li>
                <li><input type="checkbox">Music</li>
            </td>
        </tr>


        <tr>
            <td class="header">Learners</td>
            <td>
                <img src="../images/select_all.png" alt="">
                <img src="../images/bullet_arrow_up.png" alt="Close Section">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <li><input type="checkbox" checked>Tom</li>
                <li><input type="checkbox" checked>Leah</li>
                <li><input type="checkbox" checked>Arthur</li>
                <li><input type="checkbox" checked>Emma</li>
                <li><input type="checkbox" checked>Harvey</li>
                <li><input type="checkbox" checked>Henry</li>
                <li><input type="checkbox" checked>Daniel</li>
                <li><input type="checkbox" checked>William</li>
                <li><input type="checkbox">Freddie</li>
                <li><input type="checkbox">Theo</li>
                <li><input type="checkbox">Emi</li>
                <li><input type="checkbox">Colm</li>
                <li><input type="checkbox">Shiv</li>
                <li><input type="checkbox">Daksh</li>
                <li><input type="checkbox">Faress</li>
                <li><input type="checkbox">Hannah</li>
                <li><input type="checkbox">Kyan</li>
                <li><input type="checkbox">Robbie</li>
                <li><input type="checkbox">Emilie-May</li>
            </td>
        </tr>
    </table>

</div>

<div class="porthole" style="border-left-color:#d3d3d3; border-left-style:solid;border-left-width:thin;">

    <table>
        <tr>
            <th class="header">Evaluations</th>
            <th class="header" align="right">Order by:
                <select>
                    <option>Subject</option>
                    <option>Learner</option>
                    <option>Period</option>
                    <option>Effort</option>
                    <option>Status</option>
                </select>
            </th>
        </tr>
        <tr>
            <td colspan="2">
                <table>
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/reevaluate.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_gold.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Tom
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_up.png" alt="Close Section">
                        </td>
                    </tr>
                    <tr>
                        <td style="border-bottom: thin solid;" colspan="2">
                            <table>
                                <tr>
                                    <td style="border-bottom: thin solid;"><strong>Evaluation:</strong></td>
                                    <td align="right" style="border-bottom: thin solid;">
                                        Edit
                                        <img src="../images/edit.png" alt="Edit" title="Edit Evaluation...">
                                        | Set effort:
                                        <img src="../images/star_gold.png" alt="Edit" title="Set Evaluation as Very Good...">
                                        <img src="../images/star_silver.png" alt="Edit" title="Set Evaluation as Average...">
                                        <img src="../images/star_bronze.png" alt="Edit" title="Edit Evaluation...">
                                        | View previous evaluations
                                        <img src="../images/view_other.png" alt="Edit" title="Edit Evaluation...">
                                        | Set ready for review
                                        <img src="../images/reviewing.png" alt="Edit" title="Lock this evaluation...">
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">2010/11/15 - Liezel</td>
                                </tr>
                                <tr>
                                    <td colspan="2">Tom has made excellent progress in his reading so far. He enjoys his reading sessions and he reads with lovely expression and intonation. He is up to speed with his key words. Tom listens attentively and is keen to contribute to discussions. He enjoys stories in assembly and willingly shares his views. Tom has worked hard with his independent writing and is beginning to use simple punctuation. He has joined a small daily group, ELS, to give him a secure framework for his story writing. He often needs support and encouragement to finish in time but his presentation of work is always neat. Tom's confidence is improving when attempting a task independently and is pleased when he succeeds.</td>
                                </tr>
                                <tr>
                                    <td style="border-bottom: thin solid;"><strong>Observations:</strong></td>
                                    <td align="right" style="border-bottom: thin solid;">
                                        <img src="../images/control_add_blue.png" alt="Add" title="Add new observation...">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="10%">
                                        <img src="../images/edit.png" alt="Edit" title="Edit Observation...">
                                        <img src="../images/delete.png" alt="Edit" title="Delete Observation...">
                                    </td>
                                    <td>2010/11/01 - Liezel - Tom has made excellent progress in his reading so far</td>
                                </tr>
                                <tr>
                                    <td width="10%">
                                        <img src="../images/edit.png" alt="Edit" title="Edit Observation...">
                                        <img src="../images/delete.png" alt="Edit" title="Delete Observation...">
                                    </td>
                                    <td>2010/11/09 - Liezel - He enjoys his reading sessions and he reads with lovely expression</td>
                                </tr>
                                <tr>
                                    <td style="border-bottom: thin solid;"><strong>Review:</strong></td>
                                    <td align="right" style="border-bottom: thin solid;">
                                        <img src="../images/control_add_blue.png" alt="Add" title="Add new Review Comment...">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="10%">
                                        <img src="../images/edit.png" alt="Edit" title="Edit Observation...">
                                        <img src="../images/delete.png" alt="Edit" title="Delete Observation...">
                                    </td>
                                    <td>
                                        2010/11/09 - Linda - Please can you check the spelling mistakes.
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/evaluating.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_gold.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Leah
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/evaluating.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_gold.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Arthur
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/reviewing.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_gold.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Emma
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/reviewing.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_gold.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Harvey
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/reevaluate.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_gold.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Henry
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/reviewing.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_silver.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - Daniel
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table width="100%">
                    <tr>
                        <td class="evaluationHeader">
                            <img src="../images/lock.png" alt="Edit" title="Evaluating"> |
                            <img src="../images/star_bronze.png" alt="Edit" title="No effort set yet..."> Maple - 2010 - Autumn - Literacy - William
                        </td>
                        <td align="right" width="2%">
                            <img src="../images/bullet_arrow_down.png" alt="Close Section">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

</div>

</body>
</html>